<template>    
    <div class="contact mt15">        
       <ul>
           <li class="h_box borderbottom">
               <div class="flex_1 contacts">
                   <label for="">联系人: </label> <input type="text" placeholder="填写联系人姓名">
               </div>
               <div class="flex_1 tel">
                   <input type="text" placeholder="输入手机号码">
               </div>
           </li>
           <li><label for="">推荐码: </label> <input type="text" name="" placeholder="输入推荐码"></li>
       </ul>
    </div>
</template>

<style lang="scss" scoped>
    @import "../../assets/css/_functions.scss";
    @import "../../assets/css/_variables.scss";
    .contact{
        padding:0 rem(15);
        background: $_fff;
        font-size: rem(14);
        li{
            line-height: rem(44);
            overflow:hidden;
            label,input{
                border:none;
                display: inline-block;
                line-height: rem(44);
            }
        }
        .borderbottom{
            border-bottom:1px solid $_eee;
        }
        .contacts{
            flex:2;
            border-right:1px solid $_eee; 
            input{
                width: rem(120);   
                font-size: rem(14);            
            }
        }
        .tel{
            flex: 1;
            width:rem(115);
            padding-left:rem(15);

        }
    }
    
</style>
<script>
    export default {
        // data(){
        //     return {
        //         msgdefault:'提交'
        //     }
        // },
        // methods:{
        //     goHistory:function () {
        //         window.history.go(-1);
        //     }
        // },
        //  props:['msg'],
        //  ready:function(){
        //     this.msg = this.msg?this.msg:this.msgdefault;
        //  }     
    }
</script>